
// // 1.0 导入React
// import React from 'react'

// // 2.0 使用class创建Hello组件 (类组件)
// class Hello3 extends React.Component {  
//     constructor() {
//         super();
//         this.name ='59期的小伙伴'
//     }
//     // 在react中事件函数的定义，一定是用箭头函数，如果使用普通方式的话就会出现this问题
//     clickHander = function() { 
//         console.log('触发了',this.name);
//     }
 
//     //4.0 JSX结构是写在类组件中的render方法中
//     render() {     
        
//         return (<div>
//             这是类组件的内容hell3

//             <button onClick={ this.clickHander.bind(this) }>请点击我</button>
//         </div>)
//     }
// }

// // 3.0 导出组件
// export default Hello3;


// 1.0 导入React
import React from 'react'
// 2.0 使用class创建Hello组件 (类组件)
class Hello3 extends React.Component {  
    constructor() {
        super();
        this.name = '59期的小伙伴'
        this.clickHander = this.clickHander.bind(this)
    }
    // 在react中事件函数的定义，一定是用箭头函数，如果使用普通方式的话就会出现this问题
    clickHander = function() { 
        console.log('触发了',this.name);
    } 
    //4.0 JSX结构是写在类组件中的render方法中
    render() {        
        return (<div>
            这是类组件的内容hell3
            <button onClick={ this.clickHander }>请点击我</button>
        </div>)
    }
}
// 3.0 导出组件
export default Hello3;




